<template>
  <van-popover v-model:show="showPopover" theme="dark" placement="bottom-end">
    <van-grid
      square
      clickable
      :border="false"
      style="width: 4rem"
      column-num="1"
    >
      <!-- <van-grid-item :text="content" @click="showPopover = false" /> -->
      <div class="popover-text">{{ content }}</div>
    </van-grid>
    <template #reference>
      <slot></slot>
    </template>
  </van-popover>
</template>

<script>
export default {
  props: {
    actions: {
      type: Array,
      default: () => []
    },
    content: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      showPopover: false
    }
  }
}
</script>

<style lang="less" scoped>
.popover-text {
  padding: 0.1rem;
}
</style>
